<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%
String path = request.getContextPath();
String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<head>
<base href="<%=basePath%>"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Insert title here</title>
</head>
  <!-- Bootstrap -->
  <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet">
  <link href="css/bootstrap/owl.carousel.css" rel="stylesheet">
  <link href="css/bootstrap/owl.theme.css" rel="stylesheet">
  <link href="css/bootstrap/owl.transitions.css" rel="stylesheet">
  <link href="css/bootstrap/style.css" rel="stylesheet">
  <link href="css/bootstrap/config.css" rel="stylesheet">
  <link href="js/bootstrap/dist/css/bootstrapValidator.min.css" rel="stylesheet">
  <script src="js/bootstrap/dist/js/sweetalert.min.js"></script>
  <script src="lib/bootstrap/modernizr.custom.63321.js"></script>
  <script src="lib/bootstrap/jquery-3.2.1.js"></script>
<body>

<jsp:include page="/WEB-INF/jsp/front/header.jsp"/>

<!-- ========== CONTENT START ========== -->

<section id="content">
  <div class="container">

    <ol class="breadcrumb">
      <li><a href="#">家庭</a></li>
      <li>登陆</li>
    </ol>

    <h1 class="page-title">登陆我的账号</h1>
    
    <div class="gap-10"></div>

    <div class="row">
      <div class="col-sm-6">
        
        <h3>登陆</h3>
        <div class="gap-20"></div>
        <form id="loginForm" method="post">
          <div class="form-group">
            <input type="hidden" class="form-control" id="yzmHiddle" name="yzmHiddle"/>
          </div>
          <div class="form-group" style="height: 50px;">
            <input type="text" class="form-control" id="userName" name="userName" placeholder="用户名">
          </div>
          <div class="form-group" style="height: 50px;">
            <input type="password" class="form-control" id="pwd" name="pwd" placeholder="密码">
          </div>
          <div class="form-group">
            <input style="width: 300px;display: inline;position: relative;top: -18px;"  type="text" id="exampleInputDtyzm" name="exampleInputDtyzm" class="form-control" placeholder="不区分大小写">
            <canvas id="canvas" width="226" height="43"></canvas>
          </div>
          <a href="model/showReg" class="pull-right" id="forgot-password">去注册?</a>
          <a href="" class="pull-right" id="forgot-password">忘记密码?</a>
          <div class="pull-right" >
            <button type="submit" class="btn btn-primary btn-lg" style="background-color: blue;border-color: blue;margin-right: 60px;" id="validateBtn"><i class="fa fa-print fa-lg"></i>  登录</button>
            <button type="reset" class="btn btn-primary btn-lg" id="resetBtn"><i class="fa fa-book fa-lg"></i>  重置</button>
          </div>
        </form>  
        <div class="gap-30"></div>

      </div>
      <div class="col-sm-6">
        
        <h3>使用条款</h3>
        <div class="gap-15"></div>
        <p>商城使用条款条目.</p>

        <p>
          <span class="text-primary">Step 1:</span> Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.<br>
          <br>
          <span class="text-primary">Step 2:</span> Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio ed non  mauris vitae erat.<br>
          <br>
          <span class="text-primary">Step 3:</span> Erat consequat auctor euin!
        </p>

        <a href="model/showReg" class="btn btn-primary btn-lg">注册</a>

      </div>
    </div>


  </div>
</section>

<!-- ========== CONTENT END ========== -->

<jsp:include page="/WEB-INF/jsp/front/leftCar.jsp"/>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>-->
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="lib/bootstrap/bootstrap.min.js"></script>
<script src="lib/bootstrap/owl.carousel.min.js"></script>
<script src="lib/bootstrap/jquery.jpanelmenu.min.js"></script>
<script src="lib/bootstrap/jquery.catslider.js"></script>
<script src="lib/bootstrap/main.js"></script>
<script src="js/bootstrap/dist/js/bootstrapValidator.min.js"></script>
<script src="js/front/login.js"></script>
</body>
</html>